import { createI18n } from "vue-i18n"
import { useLang } from "@/hooks/useLang"
import  elementZh from "element-plus/lib/locale/lang/zh-cn"
import elementEn from "element-plus/lib/locale/lang/en"
import elementJa from "element-plus/lib/locale/lang/ja"

const { ActiveLangName }  = useLang()


// 自定义的语言配置
import zhLocale from "./lang/zh-cn"
import enLocale from "./lang/en"
import jaLocale from "./lang/ja"

const messages  = {
    zh:{
        ...elementZh,
        ...zhLocale
    },
    en:{
        ...elementEn,
        ...enLocale
    },
    ja:{
        ...elementJa,
        ...jaLocale
    }

}

export const i18n = createI18n({
    legacy:false,
    globalInjection:true,
    // 当前语种
    locale:ActiveLangName.value,
    messages,
    numberFormats:{ // 设置数字本地化
        'en':{
            currency:{ // 添加 $
                style:'currency',currency:'USD'
            }
        },
        'zh':{
            currency:{ // 添加 $
                style:'currency',currency:'JPY',currencyDisplay:'symbol'
            }
        }
    },
    datetimeFormats:{ // 设置 日期时间本地化
        'en':{
            short:{
                year:'numeric',month:'short',day:'numeric'
            },
            long:{
                year:"numeric",month:"short",day:'numeric',
                weekday:'short',hour:'numeric',minute:'numeric',
            }
        },
        'zh':{
            short:{
                year:'numeric', month:'short',day:'numeric',
                weekday:'short',hour:'numeric',minute:'numeric'
            }
        }
    }
})